
<template>
  <!-- 路由占位 -->
  <RouterView></RouterView>
  <!-- 底部tabbar栏 --- 适配路由,固定到底部,点击显示的颜色 -->
  <van-tabbar route fixed active-color="red" v-if="!route.meta.isHidden" >
    <!-- 每一项路由页面 --- 跳转到哪个页面,展示图标 -->
    <van-tabbar-item to="/home" icon="wap-home-o">首页</van-tabbar-item>
    <van-tabbar-item to="/category" icon="list-switch">分类</van-tabbar-item>
    <van-tabbar-item to="/recommend" icon="good-job-o">值得买</van-tabbar-item>
    <van-tabbar-item to="/shopcart" icon="shopping-cart-o">购物车</van-tabbar-item>
    <van-tabbar-item to="/center" icon="user-o">个人</van-tabbar-item>
  </van-tabbar>
</template>

<script setup lang="ts">
import {useRoute} from 'vue-router'

const route = useRoute()

</script>

<style lang='scss'>

</style>
 <!-- 商品卡片 -->
    <!-- <van-card
        v-if="false"
        num="2"
        price="2.00"
        desc="描述信息"
        title="商品标题"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
      >
        <template #tags>
          <van-tag plain type="primary">标签</van-tag>
          <van-tag plain type="primary">标签</van-tag>
        </template>
        <template #footer>
          <van-button size="mini">按钮</van-button>
          <van-button size="mini">按钮</van-button>
        </template>
      </van-card> -->